extends layout/navbar

block link
    link(rel='stylesheet', href='/vendor/ui/jquery-ui.min.css')
    link(rel='stylesheet' href='/vendor/fullcalendar-3.1.0/fullcalendar.css')
    link(rel='stylesheet', href='/vendor/fullcalendar-3.1.0/fullcalendar.print.css', media='print')
    link(rel='stylesheet', href='/vendor/bootstrap-3.3.7/bootstrap.min.css')
    link(rel='stylesheet', href='/vendor/bootstrap-notify/animate.css')

    link(rel='stylesheet', href='/css/reservation.css')



block content

    - user = typeof(udata) != 'undefined' ? udata : { }
    input(type='hidden', value= user.user)#userUser
    //a(data-toggle='dropdown', href='#menu1').dropdown-toogle Dropdown

    - user = typeof(room_id) != 'undefined' ? room_id : { }
    input(type='hidden', value= room_id)#room_id


    //div#toptap-container
    //    nav#toptap
    //        ul.nav.nav-pills
    //            li(role="presentation", class='active', id="room1")
    //                a(class="room_label" href='#') 电信学院第一会议室
                //li(role="presentation", id="room2")
                //    a(class="room_label" href='#') 电信学院第二会议室
                //li(role="presentation", id="room3")
                //    a(class="room_label" href='#') 电信学院第三会议室
                //li(role="presentation", id="room4")
                //    a(class="room_label" href='#') 电信学院第四会议室
                //li(role="presentation", id="room5")
                //    a(class="room_label" href='#') 电信学院第五会议室
                //li(role="presentation", id="room6")
                //    a(class="room_label" href='#') 电信学院第六会议室


    //#btn-dropdown.btn-group(role='group')
    //    button#dropdown.btn.btn-primary.dropdown-toggle(type='button', data-toggle='dropdown', aria-haspopup='true', aria-expanded='false')
    //        |  我的菜单&emsp;
    //        span.caret
    //    ul.dropdown-menu
    //        li
    //            a(href='#')#my-reservation 我的预约
    //        li
    //            a(href='#')#make-reservation 预约申请
    //        li
    //            a(href='#' style='visibility:hidden')#manage-reservation 预约管理



    //div#reservation-container
    //    button(class="btn btn-primary")#my-reservation 我的预约
    //    button(class="btn btn-primary")#make-reservation 预约申请
    //    button(class="btn btn-primary" style='visibility:hidden')#manage-reservation 预约管理
    div#total-container
        div#calendar-container
            div#calendar

            div#left-container.btn-group-vertical

                #room-dropdown.btn-group(role='group')
                    button#room-btn.btn.btn-primary.dropdown-toggle(type='button', data-toggle='dropdown', aria-haspopup='true', aria-expanded='false')
                        |  电信学院第一会议室
                        span.caret
                    ul.dropdown-menu
                        li(id="room1")
                            a(class="room_label" href='#') 电信学院第一会议室
                        //li(id="room2")
                        //    a(class="room_label" href='#') 电信学院第二会议室
                        //li(id="room3")
                        //    a(class="room_label" href='#') 电信学院第三会议室
                        //li(id="room4")
                        //    a(class="room_label" href='#') 电信学院第四会议室


                #menu-dropdown.btn-group(role='group')
                    button#menu-btn.btn.btn-primary.dropdown-toggle(type='button', data-toggle='dropdown', aria-haspopup='true', aria-expanded='false')
                        |  菜&emsp;单&emsp;
                        span.caret
                    ul.dropdown-menu
                        li
                            a(href='#')#my-reservation 我的预约
                        li
                            a(href='#')#make-reservation 预约申请
                        li
                            a(href='#' style='visibility:hidden')#manage-reservation 预约管理


                div#external-events
                    h4#status-info 预约状态说明
                    btn#status-ing.fc-event 申请中
                    div#status-success.fc-event 申请成功
                    div#status-failed.fc-event 申请失败
                    div#status-finished.fc-event 已结束

    div.modal-footer
        div.container
            p
            p.text-center
                a(href='#')#common-question 常见问题
                |  |
                a(href='#')#reservation-flow 预约流程图
            p.text-center
                strong
                    | © 2017
                    a(href='http://eie.xjtu.edu.cn/')  西安交通大学电信学院
                |         联系电话:029-82664938

block scripts
    script(src='/vendor/moment.min.js')
    script(src='/vendor/fullcalendar-3.1.0/lunar.js')
    script(src='/vendor/fullcalendar-3.1.0/fullcalendar.js')
    script(src='/vendor/fullcalendar-3.1.0/zh-cn.js')
    script(src='/vendor/bootbox.min.js')
    script(src='/js/views/commonQuestions.js')
    script(src='/js/views/reservationFlow.js')
    script(src='/vendor/strbuf.js')
    script(src='/js/views/rooms.js')
    script(src='/js/views/colorStatus.js')
    script(src='/js/views/reservation.js')



